import Message from './Message'

export default {
  useComponent (Vue, msg) {
    const ComponentClass = Vue.extend(Message) // 通过继承生成组件类
    const Component = new ComponentClass({
      propsData: {
        message: msg
      }
    })
    Component.$mount() // 手动挂载组件，渲染组件
    document.body.appendChild(Component.$el)
  },
  install (Vue) {
    Vue.prototype.$message = {
      error: (msg) => {
        this.useComponent(Vue, msg)
        console.log('执行')
      }
    }
  }
}
